<!DOCTYPE html>
<html lang="en">
	<head>
	    <meta charset="UTF-8">
	    <meta name="renderer" content="webkit">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	    <title>建新街道移动办公 - E事通</title>
	    <link rel="stylesheet" href="/app/static/layui/css/layui.css">
	    <link rel="stylesheet" href="/app/static/styles/style.css">
	    <link rel="icon" href="image/code.png">
	    <script src="/app/static/scripts/jquery-1.9.1.js"></script>
	    <script type="text/javascript" src="/app/static//layui/layui.all.js"></script>
		<script type="text/javascript" src="/app/static/scripts/index.js"></script>
	</head>

	<body class="body">
		
		<div class="section">
			<div class="wrapper-md">
	       		<h1 class="fl" id="title">日新广记</h1>
	       		<div class="fr">
	       			<div class="def-btn-group">
	       				<button class="def-btn def-btn-primary" onclick="window.location.href='add.html'"><i class="gopng gopng_page"></i> 添加</button>
	       				<button class="def-btn def-btn-warm"><i class="gopng gopng_delete"></i> 删除</button>
	       			</div>
	       		</div>
	        </div>

			<div class="section-content">
				<form class="layui-form filterDiv">
					<div class="layui-inline">
						<label for="">所属社区：</label>
						<div class="layui-input-inline">
						    <select>
						        <option value="0">全部</option>
						        <option value="1">交通运输部</option>
						        <option value="2">厅机关</option>
						        <option value="3">厅直单位</option>
						        <option value="4">地市交通局</option>
					      	</select>
				      	</div>
					</div>
					<div class="layui-inline">
						<label for="">反映人：</label>
						<div class="layui-input-inline">
						    <input type="text" class="layui-input" />
				      	</div>
					</div>
					<div class="layui-inline">
						<label for="">办理类型：</label>
						<div class="layui-input-inline">
						    <select>
						        <option value="0">全部</option>
						        <option value="1">即办件</option>
						        <option value="2">交办件</option>
						        <option value="3">居办件</option>
						        <option value="4">转办件</option>
					      	</select>
				      	</div>
					</div>
					<div class="layui-inline">
						<label for="">办理事项：</label>
						<div class="layui-input-inline">
						    <select>
						        <option value="0">全部</option>
						        <option value="1">矛盾调解</option>
						        <option value="2">计生</option>
						        <option value="3">低保</option>
						        <option value="4">残疾</option>
					      	</select>
				      	</div>
					</div>
					<button type="submit" class="def-btn def-btn-normal" style="margin-top: 10px;"><i class="gopng gopng_search"></i> 查询</button>
				</form>
				<div class="layui-form">
					<table class="layui-table table-center table-blue" >
						<colgroup>
							<col width="50" />
						</colgroup>
						<thead>
							<tr>
								<th><input type="checkbox" name="" lay-skin="primary" lay-filter="allChoose"></th>
								<th>反映人</th>
								<th>反映人电话</th>
								<th>办理类型</th>
								<th>办理事项</th>
								<th>所属社区</th>
								<th>创建人</th>
								<th>创建时间</th>
								<th>修改人</th>
								<th>修改时间</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><input type="checkbox" name="" lay-skin="primary"></td>
								<td>王哆哆</td>
								<td>18687909876</td>
								<td>即办件</td>
								<td>矛盾调解</td>
								<td>和平新村社区</td>
								<td>王娜</td>
								<td>2016-11-30 15:03</td>
								<td>王娜</td>
								<td>2016-11-30 15:03</td>
								<td>
									<div class="def-breadcrumb">
										<span onclick="window.location.href='detial.html'">查看</span>
										<span onclick="window.location.href='edit.html'">编辑</span>
										<span onclick="remove()">删除</span>
									</div>
								</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="" lay-skin="primary"></td>
								<td>王美了</td>
								<td>18687909876</td>
								<td>交办件</td>
								<td>计生</td>
								<td>解放路社区</td>
								<td>多多</td>
								<td>2016-11-30 15:03</td>
								<td>王娜</td>
								<td>2016-11-30 15:03</td>
								<td>
									<div class="def-breadcrumb">
										<span onclick="window.location.href='detial.html'">查看</span>
										<span onclick="window.location.href='edit.html'">编辑</span>
										<span onclick="remove()">删除</span>
									</div>
								</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="" lay-skin="primary"></td>
								<td>李旺财</td>
								<td>18687909876</td>
								<td>居办件</td>
								<td>低保</td>
								<td>解放路社区</td>
								<td>王娜</td>
								<td>2016-11-30 15:03</td>
								<td>王娜</td>
								<td>2016-11-30 15:03</td>
								<td>
									<div class="def-breadcrumb">
										<span onclick="window.location.href='detial.html'">查看</span>
										<span onclick="window.location.href='edit.html'">编辑</span>
										<span onclick="remove()">删除</span>
									</div>
								</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="" lay-skin="primary"></td>
								<td>王哆哆</td>
								<td>18687909876</td>
								<td>即办件</td>
								<td>矛盾调解</td>
								<td>和平新村社区</td>
								<td>王娜</td>
								<td>2016-11-30 15:03</td>
								<td>王娜</td>
								<td>2016-11-30 15:03</td>
								<td>
									<div class="def-breadcrumb">
										<span onclick="window.location.href='detial.html'">查看</span>
										<span onclick="window.location.href='edit.html'">编辑</span>
										<span onclick="remove()">删除</span>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					
					<div class="text-right">
						<div id="page"></div>
					</div>
				</div>
			</div>
		</div>


		
		<!--新增弹框-->
		<script type="text/template" id="addNew_modal">
			<div class="modal_content modal_label_width">
				<form class="layui-form">
					<div class="layui-form-item">
				        <label class="layui-form-label">社区名称</label>
				        <div class="layui-input-block">
				            <input type="text" lay-verify="required" class="layui-input">
				        </div>
			        </div>
				</form>
			</div>
		</script>
		<!--/ 新增弹框-->
		
		<!--新增弹框-->
		<script type="text/template" id="edit_modal">
			<div class="modal_content modal_label_width">
				<form class="layui-form">
					<div class="layui-form-item">
				        <label class="layui-form-label">社区名称</label>
				        <div class="layui-input-block">
				            <input type="text" lay-verify="required" class="layui-input">
				        </div>
			        </div>
				</form>
			</div>
		</script>
		<!--/ 新增弹框-->


		
		
		
		<script type="text/javascript">
			var form = layui.form,
				layer = layui.layer,
				laypage = layui.laypage,
				layedit = layui.layedit,
				laydate = layui.laydate,
				layer = layui.layer;
				
				form.render()
				
			function remove(){
				layer.confirm('您确定要删除吗？', {
					btn: ['删除', '取消'] //按钮
				}, function() {
					layer.msg('删除', {
						icon: 1
					});
				}, function() {
					layer.msg('取消', {
						icon: 2
					});
				});
			}
			
			//新增
			function addNew(){
				layer.open({
					type: 1,
					skin: 'layui-layer-demo', //样式类名
					anim: 2,
					title: '添加社区',
					closeBtn: 1, //不显示关闭按钮
					shadeClose: false, //开启遮罩关闭
					area: ['500px', '250px'],
					btn: ['确定'],
					yes: function(index, layero) { //按钮【按钮一】的回调
						alert('点击了确定')
						layer.close(index)		//关闭方法
					},
					content: $('#addNew_modal').html(),
					success:function(){
						form.render()
					}
				})
			}
			
	
				
				
		</script>

	</body>
</html>